// 专门写公共代码
// 将来维护成本低
// 如果写新项目，公用代码是可以重用的 ，只需换一个样式初始化

// 清除浮动
.clearfix::after {
  content: "";
  display: block;
  overflow: hidden;
  visibility: hidden;
  height: 0;
  clear: both;
}

// 响应式版心
.w {
  max-width: 1280px;
  margin: 0 auto;
}

// 浮动的公共样式
.fl {
  float: left;
}
.fr {
  float: right;
}
